<template>
  <div id="app">
    <!-- 缓存页面 -->
    <router-view class="router-view"></router-view>
  </div>
</template>
<script setup>
// This starter template is using Vue 3 experimental <script setup> SFCs
// Check out https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md
</script>

<style lang="scss">
@import "./assets/font/font.css";
html {
  background-color: $theme-color2;
  // 隐藏滚动条
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  ::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
}
#app {
  // q版字体 kkt
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  // -moz-osx-font-smoothing: grayscale;
  color: $theme-color4;
  min-height: 100vh;
  .router-view {
    height: 100%;
    margin-bottom: 3rem;
  }
  a {
    text-decoration: none;
    color: $theme-color4;
  }
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.van-nav-bar {
  background-color: red;
}
</style>
